<template>
    <div class="content_container">
        <div class="left_container management">
            <div class="title_management">
                <h2>文件传输</h2>
            </div>
            <div class="content_management">
                <el-tabs v-model="activeName" >
                    <el-tab-pane label="百度云下载" name="baiduCloud">
                        <baiduCloud />
                    </el-tab-pane>
                    <el-tab-pane label="服务器传输" name="server" v-if="btnList.includes('server')">
                        <server />
                    </el-tab-pane>
                </el-tabs>
            </div>
        </div>
    </div>
</template>

<script>
import server from './components/server.vue'
import baiduCloud from './components/baiduCloud.vue'
export default {
    name: 'GenecloudUiCloneIndex',
    components: {
        server,baiduCloud
    },
    data() {
        return {
            btnList: this.$store.state.login.buttonPermissionList,
            activeName:'baiduCloud'
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
.title_management{
    margin-left: 30px;
}
.content_management {
    margin: 0 20px;

    ::v-deep .el-tabs__item {
        font-size: 20px;
        font-weight: 700;
    }

    ::v-deep .el-tabs__nav-wrap::after {
        width: 0;
    }

    
}
</style>